<template>
    <div class="waibu">
   
        <div class="top">发表看法
            <ul>
                <li v-for="item in postlist" :key="item.id">
                        <h1>{{item.auth}}</h1>
                        <p>{{item.content}}</p>
                      <span class="hht">{{item.time|formtime }}</span> 
                        <span ></span>
                </li>
            </ul>

        </div>

        <bowen>列表</bowen>
    </div>
</template>

<script>
   import bowen from '@/views/components/icons/bowen.vue'
    export default {
        name:"Student",
        components:{bowen},
        data(){
            return {
                postlist:[{
                    id:1,
                    content:'天好蓝啊',
                    auth:'一只小猪',
                    time:Date.now()
                }
                ,{
                    id:2,
                    content:'晚上吃啥呢',
                    auth:'一只小狼',
                    time:1233
                }]
            }
        },
        methods:{
           
        },
        filters:{
             formtime(e){
                    let time=new Date(e).toLocaleString()
                    return time
            }
        }
    }
</script>

<style lang="scss" rel="stylesheet/scss">
.top{
    // width:100%;
    height: 100vh;
    width: 100%;
    background-image: url('../image/1111254.jpg');
}
.waibu{
    display: flex;
    
}
.hht{
    float: right;
    margin-right: 50px;
}
li +li{
    margin-top: 40px;
}

</style>